<template>
		<view class="default_box" :class="{default_show:!showflag}">
			<view class="img_box">
				<image :src="imglist[type].img"></image>
			</view>
			<view class="default_tit">{{imglist[type].txt}}</view>
<!-- 			<view class="tj_tit_box" :class="{default_show:type==2||type==0||type==7||type==4}">
				<img src="http://39.105.201.126:8080/images/default/caini.png" alt="">
				<view class="tj_tit_box_txt">猜你喜欢</view>
			</view> -->
		</view>
</template>
<script>
	import util from '../../static/util.js'
export default {
	name: 'mydefault',
	props: ['type','showflag'],
	data() {
		return {
			imgUrl:util.globalData.imgPre,
			imglist:[
				{	
					img:"../../static/newimage/default/def8.png", 
					txt:"断网了"
				},   //网络
				{	
					img:"/static/wap/img/infoImg/df5.png",
					txt:"暂无信息"
				},   //网络
				{	
					img:"http://39.105.201.126:8080/images/newimage/default/def2.png",
					txt:"暂无商品"
				},   //网络
				{	
					img:"http://39.105.201.126:8080/images/newimage/default/def7.png",
					txt:"暂无消息"
				},   //网络
				{	
					img:"http://39.105.201.126:8080/images/newimage/default/def5.png",
					txt:"暂无评论"
				}, 
				{	
					img:"http://39.105.201.126:8080/images/newimage/default/def3.png",
					txt:"无商品详情"
				}, 
				{	
					img:"http://39.105.201.126:8080/images/newimage/default/def1.png",
					txt:"暂无优惠券"
				}, 
				{
					img:"http://39.105.201.126:8080/images/newimage/default/def4.png",
					txt:"暂无数据"
				}, 
				{
					img:"http://39.105.201.126:8080/images/newimage/default/def4.png",
					txt:"商家正在备货中，请稍等"
				}, 
				{
					img:"http://39.105.201.126:8080/images/newimage/default/def9.png",
					txt:"暂无地址"
				}, 
				{
					img:"http://39.105.201.126:8080/images/newimage/default/def20.png",
					txt:"暂无订单"
				}
			],
			recommendFood:[
									{
					gcId: "0361df408b1a4ed78d1c2b6505ffa6cd",
					name: "荞麦粉",
					goodChose: 0,
					goodNum: 0,
					goodsImage: "/upload/img/storejoinin/tkNFnSlwOu07PNlAZ5knKA.jpg",
					marketPrice: "100"
				},
				//之前假的推荐商品数据
				{
					gcId: "0361df408b1a4ed78d1c2b6505ffa6cd",
					name: "荞麦粉",
					goodChose: 0,
					goodNum: 0,
					goodsImage: "/upload/img/storejoinin/tkNFnSlwOu07PNlAZ5knKA.jpg",
					marketPrice: "100"
				},
			]
		};
	},
	methods: {

	},
	created() {
		console.log('组件created')
		console.log(util)
		this.imglist[1].img=this.imgUrl+"/static/wap/infoImg/def5.png"
		this.imglist[7].img=this.imgUrl+"/static/wap/infoImg/def4.png"
	}
	
};	
</script>

<style lang="scss" scoped>
.default_show{
	display: none;
}	
.default_box{
	background: white;
	width: 100%;
	min-height: 60vh;
	overflow: hidden;
	.img_box{
		margin: 0 auto;
		margin-top: 150rpx;
		// margin-left: 111rpx;
		width: 750rpx;
		height: 450rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.default_tit{
		width: 100%;
		text-align: center;
		font-size: 36rpx;
		line-height: 36rpx;
	}
	.tj_tit_box{
		width: 636rpx;
		height: 60rpx;
		position: relative;
		margin: 0 auto;
		margin-top: 53rpx;
		// margin-left: 61rpx;
		margin-bottom: 36rpx;
		img{
			width: 100%;
			height: 100%;
		}
		.tj_tit_box_txt{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			color: #BB7200;
			font-size:36rpx;
			line-height: 60rpx;
			text-align: center;
		}
	}
}
/* 推荐商品 */
/* 推荐 */
	.contentView {
		width: 100%;

	}

	.tuiJianContentView {
		width: 100%;
		height: 100rpx;
		background: #FFFFFF;
		float: left;
	}

	.tuiJianContent {
		// width: 34%;
		height: 100rpx;
		width: 100%;
		float: left;
		display: flex;
		justify-content: space-around;
		align-content: center;
	}

	.l_fishImageLeft {

		width: 123rpx;
		height: 49rpx;
		margin-top: 30rpx;
		margin-left: 18.27%;
	}

	.l_fishImageRight {

		width: 123rpx;
		height: 43rpx;
		margin-top: 30rpx;
		margin-right: 18.8%;
	}

	.tuiJianText {
		width: 120rpx;
		// height: 100%;
		line-height: 120rpx;
		font-size: 30rpx;
		// margin-left: 38rpx;
		color: #333333;
		text-align: center;
	}

	.contentListView {
		float: left;
		background-color: #EFF0F7;
		margin-top: 12rpx;
		width: 100%;
	}
	.l_none{
		display: none;
	}
	.leftContentView {
		float: left;
		width: 48%;
		border-radius: 10rpx;
		height: 530rpx;
		margin-left: 1%;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		background: #FFFFFF;
		position: relative;
			.l_good_change{
			display: flex;
			position: absolute;
			right: 10rpx;
			bottom: 22rpx;
			.l_good_num{
				width: 60rpx;
				height: 34rpx;
				font-size: 23rpx;
				line-height: 34rpx;
				font-weight: 500;
				text-align: center;
			}
			img{
				width: 34rpx;
				height: 33rpx;
				
			}
			
			.l_block{
				display: block;
			}
		}
	}

	.contentPhotoView {
		width: 100%;
		height: 318rpx;
		background-image: url("http://39.105.201.126:8080/images/home/car_tuut@3x.png");
		background-size: 100% 100%;
	}

	.yiShou {
		margin-left: 16rpx;
		font-size: 24rpx;
		padding-top: 20rpx;
		color: #333333;
	}

	.jinTianRJ {
		margin-left: 20rpx;
		margin-top: 30rpx;
		font-size: 28rpx;
		color: #111111;
	}

	.guiYuanHC {
		float: left;
		width: 80rpx;
		height: 28rpx;
		line-height: 28rpx;
		font-size: 18rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		text-align: center;
		color: #D0A465;
		border-radius: 3px;
		border: 2rpx solid #D0A465;
	}

	.dangGuiHC {
		float: left;
		width: 80rpx;
		height: 28rpx;
		line-height: 28rpx;
		font-size: 18rpx;
		margin-left: 10rpx;
		margin-top: 20rpx;
		text-align: center;
		color: #D0A465;
		border-radius: 3px;
		border: 2rpx solid #D0A465;
	}

	.daZaoGQC {
		float: left;
		width: 100rpx;
		height: 28rpx;
		line-height: 28rpx;
		font-size: 18rpx;
		margin-left: 10rpx;
		margin-top: 20rpx;
		text-align: center;
		color: #D0A465;
		border-radius: 3px;
		border: 2rpx solid #D0A465;
	}

	.yellowPrice {
		
		margin-left: 20rpx;
		margin-top: 20rpx;
		font-size: 32rpx;
		color: #FF5A5A;
	}

	.smallPriceView {
		float: left;
		margin-left: 10rpx;
		margin-top: 30rpx;
		font-size: 24rpx;
		color: #999999;
	}

	.shopCarView {
		float: right;
		width: 46rpx;
		height: 46rpx;
		margin-right: 10rpx;
		margin-top: 20rpx;
	}

	/* 推荐 */
/* 推荐商品 */
</style>
